Prelucrarea formelor html cu Java Script
liste de optiuni

In cadrul etichetei <FORM>...</FORM> este valabila si eticheta:

SELECT

          <SELECT NAME="select-id">
          <OPTION [VALUE="choice-id"] [SELECTED]>1st choice
          <OPTION>2nd choice
          <OPTION>...
          </SELECT>

Eticheta SELECT este o alternativa a butoanelor radio si checkboxes, prezentand o lista de optiuni intr-o fereastra cu defilare (scrolling window). Atributul SIZE specifica numarul variantelor vizibile (controland deci dimensiunea ferestrei de afisare). Atributul VALUE al fiecarei optiuni selectate este transmis prin datelei formei pentru a procesare (daca atributul este omis, se transmite continutul optiunii selectate). Daca se selecteaza mai multe optiuni, atributele VALUE sunt transmise impreuna intr-o lista, separate prin virgula.

Urmatorul exemplu permite alegerea unei optiuni in vederea afisarii unui mesaj si modificarii culorii fundalului:

Alege o culoare:

Forma utilizata are urmatorul cod:

<form>
Alege o culoare:
<SELECT NAME="s1" onchange="sele(value)">
          <OPTION VALUE="1" >alb
          <OPTION value="2" >rosu
          <OPTION value="3">galben
          <OPTION value="4">verde
          </SELECT>
</form>

Evenimentul in urma caruia este apelata functia sele( ) avand ca parametru value (valoarea transmisa prin selectarea unei optiuni) este onchange.

Codul functiei sele( ) este:

function sele( value ) {
   if( value == 1 )
     { alert('ai ales alb');
      document.bgColor="white";}
   else if (value == 2)
      {alert('ai ales rosu');
      document.bgColor="red";}
   else if (value == 3)
      {alert("ai ales galben");
      document.bgColor="yellow";}
   else
      {alert("ai ales verde");
       document.bgColor="green";}
}